import React, { Component } from 'react';
import classNames from 'classnames';

class TabPanel extends Component {

  render() {
    // console.log(this.props);
    let classes = classNames({
      [`${this.props.classPrefix}-panel`]: true,
      [`${this.props.classPrefix}-active`]: this.props.isActive,
    });
    return (
      <div className={classes}>
        {this.props.children}
      </div>
    );
  }

}

export default TabPanel;
